/*base*/
.ease(@a,@b,@c){
	-webkit-transition:@a @b @c;
	-moz-transition:@a @b @c;
	-o-transition:@a @b @c;
	transition:@a @b @c;
}
.dey(@a){	
	-webkit-transition-delay: @a;
    -moz-transition-delay: @a;
    -ms-transition-delay: @a;
    transition-delay: @a;
    -webkit-animation-delay:@a;
    -moz-animation-delay:@a;
    -ms-animation-delay:@a;
    animation-delay:@a;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u,  center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
outline: none;
}
.yahei(){
	font-family:'Microsoft Yahei', Helvetica, Arial, sans-serif;
}
html { 
	height:101%; /*始终显示垂直滚动条*/
}
body{ 
    .yahei();
    min-width: 1200px;
    background-color: #EAEBEC !important;
    .mask{
        position: absolute; top: 0; filter: alpha(opacity=60); background-color: rgba(78, 84, 108,0.4);
        z-index: 10000; left: 0;
        display:none;
    }
}
//.super-div { 
//  overflow-y:hidden; 
//}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block; 
}
ol, ul { 
    list-style: none; 
}
blockquote, q {
    quotes: none; 
}
b{
    font-weight: bold;
}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
b,strong { 
    font-weight: bold;
}
input,textarea{ 
    outline: none;
}
input,button,textarea { 
    font-family:'Microsoft Yahei',  Helvetica, Arial, sans-serif;
}
textarea{
    resize:none;
}
table { 
    border-collapse: collapse;
    border-spacing: 0; 
}
span{
    .yahei();
}
a { 
    text-decoration: none;
    &:hover{
        text-decoration: none;
    }
}
.clearfix{
    *zoom:1;
	&:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
}
.fl{ 
    float: left;
}
.fr{ 
    float: right;
}
.clear{
    clear: both;
}
.hidden { 
    display: none;
}
p{
    word-break:break-all
}
.noDataBox{
    text-align: center;
    overflow: hidden;
    img{
        width: 280px;
        margin: 60px auto;
    }
}
.noDataBoxHome{
    text-align: center;
    overflow: hidden;
    img{
        width: 280px;
        margin: 42px auto;
    }
}
.loadingBox{
    background:url(../images/loading-1.gif) no-repeat left;
    width: 200px;
    margin:100px auto;
    padding:20px;
    span{
        padding-left: 40px;
        color:#8EA6BD;
    }
}
.loadingFloatBox{
    display: block;
    width: 30px;
    height: 30px;
    background:url(../images/loading-1.gif) no-repeat center;
}
.loadingMoreBox{
    background:url(../images/loading-1.gif) no-repeat left;
    width: 200px;
    padding:20px;
    margin:0 auto;
    span{
        padding-left: 40px;
        color:#8EA6BD;
    }
}
.morePage, .lastPage{
	width: 200px;
    padding:20px;
    margin:0 auto;
    span{
        padding-left: 40px;
        color:#8EA6BD;
    }
}
::-webkit-scrollbar  
{  
    width: 10px;  
    height: 6px;  
    background-color: #4c4e54;  
}  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);   
    background-color: #A8B7C5;   
}  

::-webkit-scrollbar-thumb  
{  
    border-radius: 3px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #FFC800;  
}  
.ui-btn{
    display: inline-block;
    cursor: pointer;
    //background: #FFD600;
    border-radius: 2px;
    //margin:10px 18px;
    margin:0 15px;
    text-align: center;
    border:none;
    .ease(all,.2s,ease-in-out);
    font-size: 14px;
    color: #4C4E54;
    height: 30px;
    line-height: 30px;
    width:100px;       
}
.ui-btn-ok{
    border: 1px solid #FFC600;
    font-size: 14px;
	color: #4C4E54;
    background: #FFD600;
}
.ui-btn-cancel{
	background: #F7F8FA;
	border: 1px solid #DDE2E8;
	border-radius: 2px;
}
.btn{
    border:0;
    border-radius:4px;
    height:29px;
    cursor:pointer;
    background:#fff;
    font-weight:bold;
}
.cancelBtn{
    color:#A8B7C5;
    border:2px solid #A8B7C5;
    &:hover{
        background: #4E546C;
        border: 2px solid #A8B7C5;
        border-radius: 5px;
    }
}

//.submitBtn{
//  color:#FFC800;
//  border:2px solid #FFC800;
//  &:hover{
//      background: #CDF8BF;
//      border: 2px solid #35A911;
//      border-radius: 5px;
//  }
//}
//
//.disabledBtn_1{
//  padding:5px 7px;
//  border-radius:4px;
//  font-size: 18px;
//  color:rgba(255,140,15,0.5);
//  border:2px solid rgba(255,140,15,0.5);
//}
//
//.disabledBtn_2{
//  padding:5px 7px;
//  border-radius:4px;
//  font-size: 18px;
//  color:#ABEF9C;
//  border:2px solid #ABEF9C;
//}
//
//span.collectionAll{
//  padding:5px 7px;
//  border:2px solid #FF8C0F;
//  border-radius:4px;
//  color:#FF8C0F;
//  font-size:18px;
//  cursor:pointer;
//  &:hover{
//      background: #FFDAB2;
//      border: 2px solid #A85A05;
//      border-radius: 5px;
//  }
//}
//
//.exportReport,.buildReport{
//  padding:5px 7px;
//  font-size:18px;
//  cursor:pointer;
//  border:2px solid rgba(101,231,60,1);
//  color:rgba(101,231,60,1);
//  border-radius: 5px;
//  &:hover{
//      background: #CDF8BF;
//      border: 2px solid #35A911;
//  }
//}

.layout{
    position:relative;
    .topBar{
        position: fixed;
        top:0;
        z-index: 999;
        width:100%;
        min-width:1210px;
        height:58px;
        background: #FFFFFF;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.50);
        .tipConNav{
        	margin: 20px 100px 20px 215px;
        	height: 20px;
        	line-height: 20px;
        	font-size: 18px;
        	color: #37474F;
        	display: inline-block;
        	width: 50%;
        }
        .userwrap{
	        position: relative;
	        width:100px;
	        float:right;
	        margin-right:34px;
	        .iconfont{
	            width: 24px;
	            height:24px;
	            color:#8CA0B3;
	            margin:18px 0;
	            float:right;
	            font-size:24px;
	            cursor:pointer;
	        }
	        .userbox{
	            display: none;
	        }
	        &:hover{
	            .userbox{
	                display: block;
	                position: absolute;
	                z-index: 999;
	                top:2px;
	                right: 45px;
	                width: 100px;
	                height: 50px;
	                background-color: #fff;
	                color:#697B8C;
	                padding: 0 5px;
	                border:1px solid #ddd;
	                li{
	                    border-bottom: 1px solid #ddd;
	                     line-height: 50px;
	                     height: 50px;
	                     cursor: pointer;
	                     text-align: center;
	                    &.active{
	                        color:#FF5151;
	                    }
	                    &:hover{
	                        color:#FF5151;
	                    }
	                    &:last-child{
	                       border-bottom: none;  
	                    }
	                }
	            }
	        }
	    }
	    .imgwrap{
	        padding:9px 29px;
	        width: 102px;
	        height:42px;
	    }
    }

    .leftConBox{
        position: fixed;
        z-index: 99999;
        height:1040px;
        width: 165px;
        color:#C7D0DE;
        background-color: #263238;
        bottom: 0;
        left:0;
        height: 100%;
        
        .titleBar{
            width:100%;
            height:58px;
            line-height: 58px;
            font-size: 14px;
            color:#FFFFFF;
            background-color: #37474F;
            text-align: center;
        }
        .subMenu{
            margin-top:50px;
            clear: both;
            li{
//              float:left;
                height: 38px;
                line-height: 38px;
                text-align: center;
                a{
                    font-family: SourceHanSansCN-Normal;
                    font-size: 14px;
                    color:#A8B7C5;
                    font-weight: 500;
                    text-align: center;
                    display:block;
                    .iconfont {
                        margin-right:15px;
                    }
                    
                    &:hover{
                        color:#FFC800;
                    }
                    &:active{
                        color:#FFC800;
                    }
                    &.current{
                        color:#FFC800;
                        border-left: 2px solid #FFC800;
                        background-color: #24292E;
                    }
                }
            }
        }
        .hr{
        	position:absolute;
        	background-color: #37474F;
        	bottom:80px;
        	left:15px;
        	border:none;
        	height:2px;
        	width:135px;
        }
        .userInfo{
        	background-color: #263238;
        	position:absolute;
        	bottom:15px;
        	width:100%;
			.user{
				height:30px;
				line-height:30px;
				font-size:16px;
				color: #CAD0DE;
				text-align:center;
			}
//			.company{
//				margin:0 0 0 50px;
//				font-size:12px;
//				color: #636C79;
//			}
			.depart{
				height:20px;
				line-height:20px;
				font-size:12px;
				color: #636C79;
				text-align:center;
			}
		}
    }



    .rightConBox{
        margin:60px 50px 40px 215px;
        padding:40px 0;
        min-width:1110px;
//      overflow-x:auto;
        .inforbox{
            width: 510px;
            height: 312px;
            background-color: #fff;
            border:1px solid #DDE2E8;
        }
    }
    .head_reportDiy {
        display:none;
    }
}
.indexBox{
    background: url(../images/login-bg.jpg) no-repeat;
    position: relative;
    background-size: cover;
    min-height: 549px;
    .centerBox{
        width: 410px;
        height: 390px;
        background-color: #fff;
        position: absolute;
        right: 25px;
        top: 50px;
    }
}
//.footer{
//  height:70px;
//  line-height: 70px;
//  position: fixed;
//  bottom: 0;
//  width: 100%;
//  color:#7F7F7F;
//  background: #fff;
//  text-align: center;
//}

//分页样式
.ui-page{
    margin-bottom: 30px;
    float:right;
    #Pagination{
        visibility:hidden;
        background-color: #fff;
        padding: 0px 25px;
//        border-radius: 20px;
        a {
            background: rgba(78, 84, 108, 0.2);
            font-size: 14px;
            border-radius:40px;
            color: #4E546C;
            text-decoration: none;
            margin-right: 10px;
            padding: 1px 15px;
            &:hover {
                background-image: none;
                background: #FFC800;
                color: #fff;
            }
            &:active {
                background-image: none;
                background: #FFC800;
                color: #fff;

            }
        }
        span.current {
            border-bottom: #ff6500 1px solid;
            border-left: #ff6500 1px solid;
            padding-bottom: 3px;
            background-color: #ffbe94;
            padding-left: 10px;
            padding-right: 10px;
            color: #ff6500;
            border-top: #ff6500 1px solid;
            font-weight: bold;
            margin-right: 3px;
            border-right: #ff6500 1px solid;
            padding-top: 3px;
        }
        span.disabled {
            padding-bottom: 5px; padding-left: 7px;
            padding-right: 7px; color: #ffe3c6;  margin-right: 3px;
            padding-top: 5px
        }
        span[name='prev'],span[name='next'],span[name='go']{
        	padding: 1px 15px;
            color: #4E546C; 
            margin-right: 10px;
            border-radius:40px;
            background: rgba(78, 84, 108, 0.2);
            font-size:14px;
            &:hover {
                background-image: none;
                background: #FFC800;
                color: #fff;
            }
        }
        span[name="count"] ,span[name="pageCount"] {
            font-size:15px;
            color: #4E546C;
        }
        input{
            padding:1px 12px;
            border-radius:40px;
            border: 1px solid rgba(78,83,107,0.3);
            font-size:14px;
        }
    }
}
//.dialog{
//  padding:20px 10px;
//  .tli{
//      line-height: 50px;
//      height: 50px;
//      margin-bottom: 10px;
//      &.btns{
//          text-align: right;
//          margin-right: 70px;
//      }
//  }
//  .name{
//      width: 100px;
//      float: left;
//      line-height: 50px;
//      height: 50px; 
//      color:#4E546C;  
//      margin-right: 20px;
//      font-size: 16px;
//      text-align: right;     
//  }
//  .value{
//      width: 250px;
//      float: left;   
//      input{
//          width: 200px;
//          height: 36px;
//          line-height: 36px;
//          border:1px solid #4E546C;
//          border-radius:8px;
//          padding:0 12px;
//      }     
//  }
//}

.color_hui{
	color:#8ea6bd;
}

.changeColor{
	color:#86698C!important;
}

.weixin_title{
	margin:10px auto 0;
	height:60px;
	line-height:60px;
	font-size:24px;
	width:90%;
	border-bottom:1px solid #DDE2E8;
}
.weixin_source{
	width:90%;
	margin:0 auto;
	height:40px;
	line-height:40px;
	span{
		font-size:16px;
		margin-right:25px;
	}
}
.weixin_content{
	font-size:16px;
	width:90%;
	margin:0 auto;
	overflow-y:scroll;
	height:480px;
}

.twobox{
	padding:10px 0;
	.companyCheck{
		width: 100%;
        margin: 10px auto;
        .wrap {
			 width: 100%;
			 padding:15px 0;
			.name{
				display: inline-block;
				width: 35%;
				height: 30px;
				line-height: 30px;
				float: left;
				color:#4E546C;
				font-size: 14px;
				text-align: right;
				margin-right: 5%;
			}
			.value{
				display: inline-block;
				width: 25%;
				float: left;
				color: #4E546C;
				font-size: 14px;
				text-align: left;
				.nametip{
					color:red;
					padding-left: 7px;
				}
				.ui-text{
					width:260px;
					height: 30px;
					line-height: 30px;
					border: 1px solid #DDE2E8;
					border-radius: 2px;
					padding: 0 7px;
				}
			}
			.btns{
				text-align:center;
			    margin: 15px auto;
			}
			.noInfo{
				text-align:center;
				color: #4E546C;
				font-size: 14px;
			}
        }
	}
}
b {
    font-weight: normal;
}
i {
    font-style: normal;
    cursor: pointer;
}
